<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./jquery-3.7.1.js"></script>
    <script>
        // 原生ajax
        var xmlHttpRequest = new XMLHttpRequest();
        
        // 设置回调函数  callBack 回调
        xmlHttpRequest.onreadystatechange = callBack;

        // 请求后台的地址  api接口
        var url = "http://localhost/shoppingcar/list/";

        // 打开请求地址
        xmlHttpRequest.open("GET", url, true);

        // 跨域处理
        // xmlHttpRequest.setRequestHeader("Access-Control-Allow-Origin","*");
        // xmlHttpRequest.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
        // 发送请求并传递数据
        xmlHttpRequest.send(null);

        function callBack(){
            if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
                var d = xmlHttpRequest.responseText;
                console.log(d);
            }
        }




        // IPv4 地址: 172.27.218.120

        // http://172.27.218.120/shoppingcar/list/


        // jquery版本 ajax  代码量减少 更方便
        $(function(){
            $.get("http://172.27.218.120/shoppingcar/list/",function(d){
                console.log(d)
            },"json");





            // $.ajax({
            //     "url": "http://localhost/shoppingcar/list/",
            //     "type": "get",
            //     "dataType":"json",
            //     "beforeSend":function(d){
            //        alert("发送请求前");
            //     },
            //     "success":function(d){
            //         console.log("----------success------------");
            //         console.log(d);
            //     }
            // })
        })

    </script>
</body>
</html>